﻿<UserControl x:Class="StandaloneSilverlightWoZ.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:SLToolkit="clr-namespace:Microsoft.Windows.Controls;assembly=Microsoft.Windows.Controls"
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    Width="800" Height="600" Loaded="Page_Loaded">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="30"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Canvas Name="CurrentPageCanvas" Grid.Row="2" Background="WhiteSmoke" MouseMove="CurrentPageCanvas_MouseMove">

        </Canvas>
        <Grid Grid.Row="0" Name="PlaybackControls">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="80"></ColumnDefinition>
                <ColumnDefinition Width="80"></ColumnDefinition>
                <ColumnDefinition Width="80"></ColumnDefinition>
                <ColumnDefinition Width="80"></ColumnDefinition>
                <!-- <ColumnDefinition Width="80"></ColumnDefinition>-->
                <!--<ColumnDefinition Width="80"></ColumnDefinition>-->
                <ColumnDefinition />
            </Grid.ColumnDefinitions>


            <Button Name="StartButton" Grid.Column="1" Height="30" Click="StartButton_Clicked">
                <StackPanel  Orientation="Horizontal">
                    <Image Source="Content/Play.png" Margin="2"></Image>
                    <TextBlock VerticalAlignment="Center">Start</TextBlock>
                </StackPanel>
            </Button>

            <Button Grid.Column="2" Height="30" Name="PauseButton" Click="PauseButton_Clicked">
                <StackPanel  Orientation="Horizontal">
                    <Image Source="Content/Pause.png" VerticalAlignment="Center"></Image>
                    <TextBlock VerticalAlignment="Center">Pause</TextBlock>
                </StackPanel>
            </Button>
            <Button Grid.Column="3" Height="30" Name="ResumeButton" Click="ResumeButton_Clicked">
                <StackPanel  Orientation="Horizontal">
                    <Image Source="Content/Resume.png" Margin="5"  VerticalAlignment="Center"></Image>
                    <TextBlock VerticalAlignment="Center">Resume</TextBlock>
                </StackPanel>
            </Button>
            <Button Grid.Column="4" Height="30" Name="EndButton" Click="EndButton_Clicked">
                <StackPanel  Orientation="Horizontal">
                    <Image Source="Content/StopHS.png" Margin="2"  VerticalAlignment="Center"></Image>
                    <TextBlock VerticalAlignment="Center">End</TextBlock>
                </StackPanel>
            </Button>
            <Button Grid.Column="5" Name="ShowMouseTrailsButton" Content="Mouse Trails" Click="ShowMouseTrailsButton_Clicked" Visibility="Collapsed"></Button>
            <TextBlock Grid.Column="5" Name="TimeElapsedLabel" Text="0" Visibility="Collapsed"></TextBlock>
        </Grid>
        <SLToolkit:Expander Name="CommentsExpander" Grid.Row="1" IsEnabled="False" ExpandDirection="Down" Header="Leave Comments" Collapsed="CommentsExpander_Collapsed" Expanded="CommentsExpander_Expanded">
            <TextBox Name="CommentsTextBox" Width="Auto" Height="50" Text="" AcceptsReturn="True"></TextBox>
        </SLToolkit:Expander>
    </Grid>
</UserControl>
